<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>商品详情</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link href="../phoneCss/commons.css" rel="stylesheet"/>
    <link href="../css/swiper.min.css" rel="stylesheet"/>
    <link href="../phoneCss/integral_goods.css" rel="stylesheet"/>
    <style>
        .swiper-container-horizontal > .swiper-pagination-h {
            position: relative;
            /*border-bottom: 10px solid #f1f2f5;*/
            /*padding-bottom: 6px;*/
        }
        .mui-content{
            padding-bottom: 0;
        }
        #detailBox{
            margin-top: 0;
        }
        .float-box .cart, .float-box .collection{
            width: 25%;
        }
    </style>
</head>


<header class="mui-bar mui-bar-nav" id="top2">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <ul class="top_title">
        <a href="#goodsBox1"><li class="act" id="goods" href="goodsBox1">商品<span></span></li></a>
        <a href="#detailBox"><li class="" id="detail" href="detailBox">详情<span style="display: none;"></span></li></a>
    </ul>
    <a href="#topPopover" style="float: right"><img class="more_w" src="../phoneImg/more_h.png" alt="分享" id="share"></a>
    <a style="float: right" id="share2"><img class="share_w" src="../phoneImg/share_h.png" alt="更多"></a>
</header>

<!--<div  class="mui-content mui-scroll-wrapper">-->
<div id="refreshContainer" class="mui-scroll-wrapper mui-scroll-wrapper2" style="bottom: 50px">
    <div class="mui-scroll" id="mui-scroll">
        <div id="goodsBox1" name="goodsBox1">
            <div class="swiper-container4" id="div1">
                <div class="swiper-wrapper" id="banner">
                    <!-- Slides -->
                    <!--<div class="swiper-slide">-->
                    <!--<a href="#">-->
                    <!--<img src="../phoneImg/goods.jpg">-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--<div class="swiper-slide">-->
                    <!--<a href="#">-->
                    <!--<img src="../phoneImg/goods.jpg">-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--<div class="swiper-slide">-->
                    <!--<a href="">-->
                    <!--<img src="../phoneImg/goods.jpg">-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--<div class="swiper-slide">-->
                    <!--<a href="#">-->
                    <!--<img src="../phoneImg/goods.jpg">-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--<div class="swiper-slide">-->
                    <!--<a href="#">-->
                    <!--<img src="../phoneImg/goods.jpg">-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--<div class="swiper-slide">-->
                    <!--<a href="#">-->
                    <!--<img src="../phoneImg/goods.jpg">-->
                    <!--</a>-->
                    <!--</div>-->
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination4" id="pagination4"></div>
            </div>
            <!--轮播图结束-->

            <div class="mui-content" id="goodsBox" style="">

                <!--
                        作者：lwy
                        时间：2017-02-09
                        描述：商品内容区开始
                   -->
                <div class="goods-title-box" id="goodsName"></div>
                <div class="price_box"><span class="price" id="memberPrice"></span><span style="font-size: 14px;margin-left: 20px;" id="round">距离结束还有<b class="hours"></b>时<b class="minutes"></b>分<b class="second"></b>秒</span></div>
                <div class="line"></div>
                <div class="choose_box" id="choose_box">
                    <span class="choose" id="choose">请选择</span>
                    <span class="choose_detail" id="choose_detail"></span><span class="choose_more"></span>
                </div>
                <div class="line"></div>

            </div>
        </div>


        <!--图文详情-->
        <div id="detailBox" name="detailBox">
            <ul class="parameter">
                <li showDiv="detailBox1"><span>商品详情</span></li>
            </ul>
            <div id="detailDetail">
                <div class="detail_box" id="detailBox1">
                    <!--<img src="../phoneImg/goods.jpg" alt="">-->
                    <!--<img src="../phoneImg/goods.jpg" alt="">-->
                    <!--<img src="../phoneImg/goods.jpg" alt="">-->
                </div>
                <div class="detail_box" id="detailBox2" style="display: none"></div>
            </div>
        </div>

    </div>
</div>


<!--浮动按钮-->
<div class="float-box">
    <div class="collection" id="collection">
        <span><img id="collection_img" src="../phoneImg/money.png" alt=""></span>
        <span id="collText">原价购买</span>
    </div>
    <div class="cart" id="mySeckill">
        <span><img src="../phoneImg/miaosha.png" alt=""></span>
        <span>我的秒杀</span>
    </div>
    <div class="buy">立即购买</div>
    <!--<div class="add-cart">加入购物车</div>-->
</div>



<!--规格选择盒子-->
<div class="specification_box" style="position: fixed;" >
    <div class="black_box"></div>
    <div class="specification_bottom_box">
        <div class="colse_spe" id="colse_spe"></div>
        <div class="top_box mui-clearfix">
            <div class="specification_img">
                <img src="../phoneImg/goods.jpg" alt="" id="spe_img">
            </div>
            <div class="specification_info_box mui-clearfix">
                <div class="price">¥ 5880</div>
            </div>
        </div>
        <div class="mui-scroll-wrapper" id="mui-scroll-wrapper" style="top: 98px;">
            <div class="mui-scroll">
                <div class="detail_box" id="detail_box">
                    <!--<div class="detail_small_box">-->
                    <!--<div class="detail_title">颜色</div>-->
                    <!--<div class="detail_spe mui-clearfix">-->
                    <!--<div class="spe-one spe_act">黑色</div><div class="spe-one">黑色</div>-->
                    <!--<div class="spe-one">黑色</div><div class="spe-one">黑色</div>-->
                    <!--<div class="spe-one">黑色</div><div class="spe-one">黑色</div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="detail_small_box">-->
                    <!--<div class="detail_title">颜色</div>-->
                    <!--<div class="detail_spe mui-clearfix">-->
                    <!--<div class="spe-one">黑色</div><div class="spe-one">黑色</div>-->
                    <!--<div class="spe-one">黑色</div><div class="spe-one">黑色</div>-->
                    <!--<div class="spe-one">黑色</div><div class="spe-one">黑色</div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="detail_count_title">-->
                    <!--<span>数量</span>-->
                    <!--<span class="choose_count"><span-->
                    <!--class="decreace"></span><input type="text" class="count" value="1"><span-->
                    <!--class="add"></span></span>-->
                    <!--</div>-->
                    <div class="appreciation_box" id="appreciation_box">
                        <div class="appreciation_title" style="display: none;">叮当网服务</div>
                        <ul class="appreciation_detail">
                            <!--<li><span class="appreciation">进水保1年 ￥499</span><span class="appreciation_more">查看详情</span></li>-->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="spe_certain">确定</div>
    </div>
</div>

<!--服务说明盒子-->
<div class="service_explain_box" style="position: fixed;">
    <div class="service_bottom_box">
        <div class="service_box1">
            <div class="close_service" id="close_service"></div>
            <div class="service_title">服务说明</div>
        </div>
        <ul class="service_detail_box" id="service_detail_box">
            <!--<li>-->
            <!--<div class="mui-clearfix">-->
            <!--<div class="service_detail_img"><img src="../phoneImg/service5.png" alt=""></div>-->
            <!--<div class="service_fr">-->
            <!--<span>以旧换新</span>-->
            <!--<span>支持旧手机抵用现金换新手机的方式</span>-->
            <!--</div>-->
            <!--</div>-->
            <!--</li>-->
        </ul>
    </div>
</div>

<!--右上角弹出菜单-->
<div id="topPopover" class="mui-popover">
    <div class="mui-popover-arrow"></div>
    <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
            <ul class="mui-table-view">
                <li class="mui-table-view-cell">
                    <a href="index.html"><img src="../img/more_index.png" alt="首页">首页</a>
                </li>
                <li class="mui-table-view-cell">
                    <a href="search.html"><img src="../img/more_search.png" alt="搜索">搜索</a>
                </li>
                <li class="mui-table-view-cell">
                    <a href="order.html"><img src="../img/more_order.png" alt="我的订单">我的订单</a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="QR-code" style="display: none">
    <div class="close" id="close"><img src="../phoneImg/close-code.png" alt="关闭"></div>
    <div class="QR-Box">
        <p id="wxNum"></p>
        <img id="QR-code" src="" alt="二维码">
        <p>扫一扫上面的二维码加微信咨询</p>
    </div>
</div>

<script src="../js/mui.min.js"></script>
<script src="../js/mui.zoom.js"></script>
<script src="../js/mui.previewimage.js"></script>
<script>
    mui.previewImage();
</script>
<script src="../js/jquery-1.10.1.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../phoneJs/echarts/echarts.simple.min.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="../js/sha1.js"></script>
<script>
    document.write("<s" + "cript type='text/javascript' src='../js/common.js?" + Math.random() + "'></scr" + "ipt>");
    document.write("<s" + "cript type='text/javascript' src='../phoneJs/seckill_goods.js?" + Math.random() + "'></scr" + "ipt>");
    var slider = mui("#slider");
    slider.slider({
        interval: 0
    });
</script>
</body>

</html>